<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:p="http://primefaces.org/ui"
	xmlns:sigecComp="http://java.sun.com/jsf/composite/components">
    
    	<h:outputStylesheet library="css" name="textos.css"/>    
    	<h:outputStylesheet library="css" name="bordes.css"/>
    	<h:outputStylesheet library="css" name="botones.css"/>
    	<h:outputStylesheet>
    		.tamanio{
    			width:300px !important;
    		}
    	</h:outputStylesheet>
    		
        <h:form id="frmCurso">
        	
        	<rich:panel header="#{msg.inivitacion} emitida" id="pnlLanCur">
        		
	        	<rich:collapsiblePanel header="#{msg.inivitacion}"  headerClass="headerDivCollap" styleClass="mainDivCollap" 
					leftCollapsedIcon="triangleDown" leftExpandedIcon="triangleUp" switchType="client" rendered="#{!invitacionDocenteController.savedInvitacion}">
					
					<h:panelGrid columns="3" id="pgCritBusqInv">
						<h:outputText value="Filtrar por: " style="font-weight:bold;"/>
						<p:selectOneMenu value="#{invitacionEmitidaController.estadoInvFilter}">
		        			<f:selectItem itemLabel="Emitida" itemValue="#{msg_client['doc_estado_invitacion_emitida']}"/>
		        			<f:selectItem itemLabel="Aceptada" itemValue="#{msg_client['doc_estado_invitacion_aceptada']}"/>
		        			<f:selectItem itemLabel="Rechazada" itemValue="#{msg_client['doc_estado_invitacion_rechazada']}"/>
		        			<f:selectItem itemLabel="Anulada" itemValue="#{msg_client['doc_estado_invitacion_anulada']}"/>
		        			<f:selectItem itemLabel="Todas" itemValue="ALL"/>
		        		</p:selectOneMenu>
		        		<p:commandButton value="Buscar" process="@this pgCritBusqInv"
		        			action="#{invitacionEmitidaController.btnBuscarInvitacion}" 
		        			update="tblInvitaciones"></p:commandButton>
					</h:panelGrid>
					<p:dataTable id="tblInvitaciones" value="#{invitacionEmitidaController.lstInvitacionDocentes}" 
						var="invitacion" paginator="true" rows="10" rowIndexVar="num_row" emptyMessage="#{msg.empty_collection}" paginatorAlwaysVisible="false">
	        			
	        			<p:column headerText="Num." style="text-align:center;">
	        				<h:panelGroup layout="block" style="margin:auto;">
	        				 <p:commandLink value="#{num_row+1}" process="@this" oncomplete="detalleInvitacion.show()" update="@form">
	        				 	<f:setPropertyActionListener target="#{invitacionEmitidaController.invitacionDocenteSelected}" value="#{invitacion}"></f:setPropertyActionListener>
	        				 </p:commandLink>
	        				 </h:panelGroup>
	        			</p:column>
	        			
	        			<p:column headerText="#{msg.etiqueta_curso}">
	        				 <h:outputText value="#{invitacion.cursoPeriodo.curso.nombreCurso}" />
	        			</p:column>
	        			
	        			<p:column headerText="Docente">
	        				 <h:outputText value="#{invitacion.profesor.persona.primerNombre} #{invitacion.profesor.persona.primerApellido}" />
	        			</p:column>
	        			
	        			<p:column headerText="Estado">
	        				 <h:outputText value="#{invitacion.estado}" />
	        			</p:column>
	        		</p:dataTable>
	        		
	        	</rich:collapsiblePanel>
	        	
	        	<p:dialog widgetVar="detalleInvitacion" modal="true" header="Cambio de estado!!" 
	        		rendered="#{invitacionEmitidaController.invitacionDocenteSelected != null}">
	        		<h:panelGrid id="pgChgEstadoInv" columns="1">
		        		
		        		<h:panelGroup layout="block" id="detalleInvitacion">
		        			<h:panelGrid columns="2">
			        			<h:outputLabel value="Curso:" style="font-weight:bold;"/>
			        			<h:outputText value="#{invitacionEmitidaController.invitacionDocenteSelected.cursoPeriodo.curso.nombreCurso}" />
			        			<h:outputLabel value="Profesor:" style="font-weight:bold;"/>
			        			<h:outputText value="#{invitacionEmitidaController.invitacionDocenteSelected.profesor.persona.nombreCompleto}" />
		        			</h:panelGrid>
		        		</h:panelGroup>
		        		<h:panelGrid columns="2">
		        			<h:outputText value="Cambiar a estado: " style="font-weight:bold;"/> 
			        		<p:selectOneMenu value="#{invitacionEmitidaController.invitacionDocenteSelected.estado}">
			        			<f:selectItem itemLabel="Emitida" itemValue="#{msg_client['doc_estado_invitacion_emitida']}" itemDisabled="true"/>
			        			<f:selectItem itemLabel="Aceptada" itemValue="#{msg_client['doc_estado_invitacion_aceptada']}"/>
			        			<f:selectItem itemLabel="Rechazada" itemValue="#{msg_client['doc_estado_invitacion_rechazada']}" itemDisabled="true"/>
			        			<f:selectItem itemLabel="Anulada" itemValue="#{msg_client['doc_estado_invitacion_anulada']}"/>
			        		</p:selectOneMenu>
		        		</h:panelGrid>
	        		</h:panelGrid>
	        		
	        		<h:panelGroup layout="block" style="width:100%" styleClass="rf-pp-hdr">
	        			<h:panelGrid columns="2" style="margin:auto;">
			        		<p:commandLink value="Aceptar" oncomplete="detalleInvitacion.hide()" 
			        			action="#{invitacionEmitidaController.btnAceptarCambioEstadoInv}" process="@this pgChgEstadoInv" update="tblInvitaciones"/>
			        		<p:commandLink value="Cancelar" oncomplete="detalleInvitacion.hide()" 
			        			action="#{invitacionEmitidaController.btnCancelarCambioEstadoInv}" process="@this" />
		        		</h:panelGrid>
	        		</h:panelGroup> 
	        	</p:dialog>
        	</rich:panel>
        </h:form>
</ui:composition>
